<template>
<div>
  <span class="v-title" v-if="title">{{title}}</span>
  <div class="v-main-box" :stype="type">
    <slot></slot>
  </div>
</div>
  
</template>

<script>
export default {
  props:["vtype",'vtitle'],
  data: function() {
    return {
      title:this.vtitle,
      type:this.vtype
    };
  },
  components: {},
  methods: {},
  created: function() {}
};
</script>

<style scoped lang="scss">
.v-title{
  display:block;
  width: 15.48rem;
  margin:0rem auto;
  font-size: 0.26rem;
  color: #141414;
  text-shadow: 0.01rem 0 0 currentcolor;
  line-height: 0.6rem;
  margin-bottom: -0.16rem;
}
.v-main-box {
  min-height: 5rem;
  width: 15.48rem;
  margin: 0.16rem auto;
  background-color: white;
	border: 0.01rem solid #ededed;
	border-radius: 0.1rem;
	padding: 0.3rem;
	color: #666666;
}
.v-main-box[stype='1']{
  background-color: transparent;
}
.v-main-box[stype='2']{
  
}
.v-main-box[stype='3']{
  
}
</style>